﻿<%@ Page Language="C#" MasterPageFile="~/PaginaInicio.master" AutoEventWireup="true" CodeFile="RegistrarCobro.aspx.cs" Inherits="RegistrarCobro" Title="Página sin título" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">

        
        .modalBackground {
 background-color:Black;
 filter:alpha(opacity=70);
 opacity:0.7;
}
        .tablaEncabezado
        {
            color: #FFFFFF;
            height: 15px;
            font-family: Tahoma;
            font-size: medium;
            background-color: #0085C6;
            font-size:small;
            
        }
        .tablaFilas
        {
        	color: #FFFFFF;
            height: 15px;
            font-family: Tahoma;
            font-size: medium;
            font-size:small;
        }
       
        .etiquetas
        {
	        color: #FFFFFF;
        }
                .accordionCabecera
{

background-color: #C62D73;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
margin-top: 3px;
padding: 3px;
cursor: pointer;
Height: 20px;
color: #CCCCCC;

}
   .style64
     {
         color: #FFFFFF;
     }
     
     .style66
     {
         text-decoration: none;
     }
 .accordionCabeceraInterna
{

background-color: #0085C6;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
margin-bottom: 2px;
padding: 2px;
cursor: pointer;
Height: 21px;
color: #CCCCCC;
        width: 100%;
    }
.accordionContenido
{
font-family: Tahoma;
background-color: #00334C;
border: none;
border-top: none;
margin-bottom: 7px;
font-size: 12px;
padding: 3px;
 width: 100%;
}
  .style63
        {
            width: 578px;
        }
.accordionContenidoInterno
{
    border-style: none;
        border-color: inherit;
        border-width: medium;
        font-family: Tahoma;
        background-color: #00547D;
        margin-bottom: 7px;
        font-size: 12px;
        padding: 3px;
        width: 559px;
        height:100%;
    }
        .style70
    {
        background-color: #C62D73;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 3px;
        margin-top: 3px;
        padding: 3px;
        cursor: pointer;
        Height: 20px;
        color: #CCCCCC;
        text-align: left;
    }
        .style71
    {
        color: #FFFFFF;
        font-size: small;
        font-family: Tahoma;
    }
        .style72
    {
        width: 21px;
    }
        </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">



 <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
    <script src="jquery-1.4.2.js" type="text/javascript"></script>

    <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$("#accordion").accordion();
		
		
	});
</script>
 
    <table style="width: 100%;">
        <tr>
            <td>
                &nbsp;</td>
                    
                    
                    
                    
            <td class="style63">
   
              
             <asp:Panel ID="Panel1" runat="server" style="text-align: left" 
        BackColor="Black">
        
        
 <div >

<div id="accordion" style="width:98%">
	<h3 class="accordionCabecera">Registra Cobro</h3>                   
	<div class="accordionContenidoInterno">
		
		<table style="width:100%;">
            <tr>
                <td>
                   <asp:Label ID="Label6" runat="server" style="font-weight: 700; font-size: small;" 
                                    Text="Filtrar: "></asp:Label>   
                                    <input type="text" id="FilterTextBox" name="FilterTextBox" 
                       style="border: thick solid #00547D; color: #FFFFFF; font-family: tahoma; font-size: small; background-color: #0085C6; height: 20px;" />
            
                </td>
            </tr>
            <tr>
                <td>
                    <span>
                    <asp:GridView ID="gvEvento" class="filtrar" runat="server" AllowSorting="True" 
                        AutoGenerateColumns="False" Height="90%" 
                        onsorting="gvEvento_Sorting" style="text-align: center; margin-top: 0px" 
                        Width="100%" onselectedindexchanged="gvEvento_SelectedIndexChanged">
                        <RowStyle CssClass="tablaFilas" />
                        <Columns>
                           
                            <asp:BoundField DataField="Nro" HeaderText="Nro">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" />
                            </asp:BoundField>
                            <asp:BoundField DataField="Fecha" HeaderText="Fecha" SortExpression="Fecha">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" />
                            </asp:BoundField>
                            <asp:BoundField DataField="Apellido" HeaderText="Apellido">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" />
                            </asp:BoundField>
                            
                            <asp:BoundField DataField="Nombre" HeaderText="Nombre">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" />
                            </asp:BoundField>
                            <asp:BoundField DataField="MontoTotal" HeaderText="Monto Total">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" />
                            </asp:BoundField>
                             <asp:CommandField ShowSelectButton="True" SelectText="Detalles">
                                <HeaderStyle CssClass="tablaEncabezado" />
                                <ItemStyle CssClass="tablaFilas" ForeColor="White" />
                            </asp:CommandField>
                        </Columns>
                    </asp:GridView>
                    </span>
                </td>
            </tr>
        </table>
        <span>
        <asp:Label ID="lblMensajePendientes" runat="server" 
            style="font-size: medium; color: #C62D73; text-align: center;"></asp:Label>
       <br />
                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               <asp:Button ID="btnCerrar" runat="server" 
                                 BackColor="#0085C6" BorderStyle="None" 
                                    Font-Bold="True" Font-Italic="False" 
                                    ForeColor="#CCCCCC" Height="23px" 
                                    style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                                  Text="Cerrar" Width="60px" 
            onclick="btnCancelar_Click" />
                        
       </span>
       
		
		</div>
	<h3 class="accordionCabecera"><a href="#" class="style66"><span class="style64">
        Pagos anteriores</span> </a></h3>
	<div class="accordionContenidoInterno">
 
        
        
        
        <asp:Panel ID="Panel2" runat="server">
            <table style="width:100%;">
                <tr>
                    <td>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <table style="width: 100%;">
                                    <tr>
                                        <td class="style72" rowspan="6" style="text-align: center" valign="top">
                                            <asp:GridView ID="gvCobros" runat="server" AllowSorting="True" 
                                                AutoGenerateColumns="False" style="color: #FFFFFF" Width="197px">
                                                <RowStyle CssClass="tablaFilas" />
                                                <Columns>
                                                    <asp:BoundField DataField="Fecha" HeaderText="Fecha">
                                                        <HeaderStyle CssClass="tablaEncabezado" />
                                                        <ItemStyle CssClass="tablaFilas" />
                                                    </asp:BoundField>
                                                    <asp:BoundField DataField="Monto" HeaderText="Monto">
                                                        <HeaderStyle CssClass="tablaEncabezado" />
                                                        <ItemStyle CssClass="tablaFilas" />
                                                    </asp:BoundField>
                                                </Columns>
                                            </asp:GridView>
                                        </td>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="Label1" runat="server" style="color: #FFFFFF" Text="Total"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="lblTotal" runat="server" 
                                                style="color: #FFFFFF; font-weight: 700"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="Label3" runat="server" style="color: #FFFFFF" Text="Abonado"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="lblAbonado" runat="server" 
                                                style="color: #FFFFFF; font-weight: 700"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="Label5" runat="server" style="color: #FFFFFF" Text="Restante"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-width: thin; border-color: #CCCCCC; text-align: left; border-bottom-style: solid;">
                                            <asp:Label ID="lblRestante" runat="server" 
                                                style="color: #FFFFFF; font-weight: 700"></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="gvEvento" 
                                    EventName="SelectedIndexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        
        
        
        
        
        
                      <div align="right">
                            &nbsp;<asp:Button ID="btnNuevoCobro" runat="server" BackColor="#0085C6" 
                                BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                                Height="23px" style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                                Text="Nuevo Cobro" ToolTip="Nuevo Cobro" Width="120px" />
                            &nbsp;
                            
                            &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
                        </div>
                   
    </div>
	
</div>


</div>        
        


                </asp:Panel>
     
     
                                   
    
   
    

     
  
                                   
 
    
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
                    
                    
                    
                    
            <td class="style63">
   
              
                       
 
    
                <cc1:ModalPopupExtender ID="Panel3_ModalPopupExtender" runat="server" 
                   DropShadow="True" Enabled="True" 
                    CancelControlID="btnSalir" PopupControlID="Panel3" 
                    TargetControlID="btnNuevoCobro" BackgroundCssClass="modalBackground" 
                    CacheDynamicResults="True" Drag="True">
                </cc1:ModalPopupExtender>
     
                    
            
  
                                   
 
    
        <asp:Panel ID="Panel3" runat="server" BackColor="#00547D" Height="145px" 
                    style="text-align: center" Width="282px">
            <table style="width:100%;">
                <tr>
                    <td class="style70">
                        Ingrese el monto a abonar</td>
                </tr>
                <tr>
                    <td>
                        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                            <ContentTemplate>
                                <table style="width:100%;">
                                    <tr>
                                        <td class="style71">
                                            Total:</td>
                                        <td>
                                            <asp:Label ID="lblMontoTotal" runat="server" 
                                                style="color: #FFFFFF; font-size: small; font-family: Tahoma;"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="style71">
                                            Abonado:</td>
                                        <td>
                                            <asp:Label ID="lblMontoAbonado" runat="server" 
                                                style="color: #FFFFFF; font-size: small; font-family: Tahoma;"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="style71">
                                            Restante</td>
                                        <td>
                                            <asp:Label ID="lblMontoRestante" runat="server" 
                                                style="color: #FFFFFF; font-size: small; font-family: Tahoma;"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="style71">
                                            Pago actual:</td>
                                        <td>
                                            <asp:TextBox ID="txtPagoActual" runat="server" BackColor="#0085C6" 
                                                BorderStyle="None" BorderWidth="0px" Font-Italic="True" ForeColor="#CCCCCC" 
                                                Height="20px" Width="60px"></asp:TextBox>
                                            <cc1:TextBoxWatermarkExtender ID="txtPagoActual_TextBoxWatermarkExtender" 
                                                runat="server" TargetControlID="txtPagoActual" WatermarkText="Cantidad">
                                            </cc1:TextBoxWatermarkExtender>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="gvEvento" 
                                    EventName="SelectedIndexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">
                        <asp:Label ID="lblError" runat="server" 
                            style="color: #FFFFFF; font-size: small; font-family: Tahoma;" 
                            ForeColor="Red"></asp:Label>
                        &nbsp;
                        <asp:Button ID="btnConfirmar" runat="server" BackColor="#0085C6" 
                                    BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                                    Height="23px" style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                                    Text="Confirmar" Width="75px" 
                            onclick="btnConfirmar_Click" />
                        &nbsp;<asp:Button ID="btnSalir" runat="server" BackColor="#0085C6" 
                            BorderStyle="None" Font-Bold="True" Font-Italic="False" ForeColor="#CCCCCC" 
                            Height="23px" style="margin-top: 0px; text-align: right; margin-left: 0px;" 
                            Text="Salir" Width="65px" />
                    </td>
                </tr>
            </table>
            <br />
            <br />
            <br />
        </asp:Panel>
     
     
                                   
    
   
    

     
  
                                   
 
    
            </td>
            <td>
                &nbsp;</td>
        </tr>
    </table>


                     
                     <script type="text/javascript" language="javascript">

jQuery(document).ready(function(){
	$('.accordion .head').click(function() {
		$(this).next().toggle();
		return false;
	}).next().hide();
});


      $(document).ready(function() {
            //agregar una nueva columna con todo el texto
            //contenido en las columnas de la grilla
           // contains de Jquery es CaseSentive, por eso a minúscula

          $(".filtrar tr:has(td)").each(function() {
          var t = $(this).text().toLowerCase(); 
                    $("<td class='indexColumn'></td>")
                    .hide().text(t).appendTo(this);
                });

            //Agregar el comportamiento al texto (se selecciona por el ID)
            $("#FilterTextBox").keyup(function() {
                var s = $(this).val().toLowerCase().split(" ");
                $(".filtrar tr:hidden").show();
                $.each(s, function() {
                     $(".filtrar tr:visible .indexColumn:not(:contains('"
                     + this + "'))").parent().hide();
                }); 
            }); 
        });





    


</script>


</asp:Content>

